<ui:composition template="/templates/layout.xhtml" xmlns="http://www.w3.org/1999/xhtml"
     xmlns:h="http://java.sun.com/jsf/html"
     xmlns:f="http://java.sun.com/jsf/core"
     xmlns:ui="http://java.sun.com/jsf/facelets"
     xmlns:c="http://java.sun.com/jstl/core"
     xmlns:fmt="http://java.sun.com/jstl/fmt"
     xmlns:x="http://java.sun.com/jstl/xml"
     xmlns:fn="http://java.sun.com/jstl/functions"
     xmlns:a4j="http://richfaces.org/a4j"
     xmlns:rich="http://richfaces.org/rich"
     xmlns:gape="http://componentes.gape/component/gape">
	
	<ui:define name="titulo">
		<h:outputText value="#{msg.applicationName} - #{msg.titleTelaCreateStrategicPlan}" />
	</ui:define>
	
	<ui:define name="menu">
	</ui:define>	
	
	<ui:define name="conteudo">
		<h:panelGrid columns="2" footerClass="FormLinhaBotoes" headerClass="pathway" columnClasses="label,field">
 				<h:outputText value="#{msg.initialDateLabel}" />
 				<rich:calendar value="#{strategy.dataCriacao}" id="initialDate" popup="true" cellWidth="20px" cellHeight="20px" showApplyButton="false" datePattern="dd/MM/yyyy" 
 							   enableManualInput="true">
 					<f:convertDateTime pattern="dd/MM/yyyy"/>
 				</rich:calendar>
 				<h:outputText value="#{msg.finalDateLabel}" />
 				<rich:calendar value="#{strategy.dataFim}" id="endDate" popup="true" cellWidth="20px" cellHeight="20px" showApplyButton="false" datePattern="dd/MM/yyyy" enableManualInput="true">
 					<f:convertDateTime pattern="dd/MM/yyyy"/>
 				</rich:calendar>
 				<h:outputText value="#{msg.nameLabel}" />
 				<h:inputText value="#{strategy.nome}" />
 				<h:outputText value="#{msg.descripionLabel}" />  				
 				<h:inputText value="#{strategy.descricao}" />
 				<h:outputText value="#{msg.organizationLabel}" />
 				<h:selectOneMenu value="#{strategy.selectedOrganization}">
				<f:selectItems value="#{strategy.listEmpresa}" />
			</h:selectOneMenu>
 			</h:panelGrid>	
 			
		<h:panelGrid columns="1">						
			<rich:messages layout="list" style="color: Red; align: Center; font-size: 15px"/>						
		</h:panelGrid>			
	</ui:define>

	<ui:define name="menuTela">
		<ui:include src="menu.xhtml" />
	</ui:define>

	<ui:define name="menuNavegacaoBack">
		<gape:navigationBack />
	</ui:define>
	
	<ui:define name="menuNavegacaoForward">
		<gape:navigationForward disabled="#{true}"/>
	</ui:define>

</ui:composition>